<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US" class="reftest-wait">
<head>
	<title>Testcase, bug 174470</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<style type="text/css">

	table {
		border-collapse: collapse;
		margin: 1em;
		border: thick solid;
		border-color: #f0f #c0c #909 #606; /* purple */
	}

	colgroup:first-child + colgroup {
		border: thick solid;
		border-color: #f66 #f00 #a00 #600; /* red */
	}

	colgroup:first-child + colgroup + colgroup > col:first-child + col {
		border: thick solid;
		border-color: #ff0 #cc0 #990 #660; /* yellow */
	}

	colgroup + tbody + tbody {
		border: thick solid;
		border-color: #6f6 #0f0 #0a0 #060; /* green */
	}

	colgroup + tbody > tr:first-child + tr {
		border: thick solid;
		border-color: #0ff #0cc #099 #066; /* aqua */
	}

	colgroup + tbody + tbody + tbody > tr:first-child + tr > td:first-child + td {
		border: thick solid;
		border-color: #66f #00f #00a #006; /* blue */
	}

	</style>
    <script>
   function doTest() {
      var s1 = document.getElementById("screen");
      s1.parentNode.removeChild(s1); 
      document.documentElement.removeAttribute('class');
   }
   document.addEventListener("MozReftestInvalidate", doTest, false);
    </script>
</head>
<body>

<div id="screen" style="position: fixed; left:50px; height:200px; width: 200px; background-color:white; border:1px solid green;"></div>

<p>The following two tables should be mirrors of each other, except that
(1) the digits should still be normal left-to-right digits and (2) the
color changes for each of the 6 colors should, in both, be lightest on top
clockwise to darkest on the left.</p>

<table dir="ltr" >
	<colgroup>
		<col>
	</colgroup>
	<colgroup>
		<col>
		<col>
	</colgroup>
	<colgroup>
		<col>
		<col>
		<col>
	</colgroup>
	<tbody>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
	</tbody>
	<tbody>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
	</tbody>
	<tbody>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
	</tbody>
</table>

<table dir="rtl">
	<colgroup>
		<col>
	</colgroup>
	<colgroup>
		<col>
		<col>
	</colgroup>
	<colgroup>
		<col>
		<col>
		<col>
	</colgroup>
	<tbody>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
	</tbody>
	<tbody>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
	</tbody>
	<tbody>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
		<tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr>
	</tbody>
</table>

</body>
</html>
